$(function (){
    var mySwiper = new Swiper('.swiper-container-v', {
        pagination: '.swiper-pagination-v',
        direction: 'vertical',
        noSwiping : true,
        onSlideChangeEnd: function (swiper) {
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
            if(swiper.activeIndex==1){
//                setTimeout(function(){
//                    for (var i = 0; i < 8; i++) {
//                        var n=parseInt(Math.random()*1000);
////                        console.log(n);
//
//                    }
//                },3000);
                process();


            }
            if(swiper.activeIndex==2){
                //mychart();
               // setInterval(function(){
               //     mychart().clear();
               //    mychart();
                // myChart.setOption(option);
               //  //console.log('我是图标吧');
               // },1500);

            }
            if(swiper.activeIndex==6){
                $('.longline').css('display','none');
                //var lis= $('#notice>li');//获取所有的li
                $('#notice>.odd').addClass('animated bounceInRight');
                $('#notice>.even').addClass('animated bounceInLeft');
                setTimeout(function(){
                    $('.longline').css('display','block');
                },1000)
            }else{
                $('#notice>.odd').removeClass('animated bounceInRight');
                $('#notice>.even').removeClass('animated bounceInLeft')
            }


        },
        onInit: function (mySwiper) { //Swiper2.x的初始化是onFirstInit
            swiperAnimateCache(mySwiper); //隐藏动画元素
            setTimeout(function () {
                swiperAnimate(mySwiper); //初始化完成开始动画
            }, 100);
        }
    });

    var boxheight=($('#notice_box').height());//内容外层大盒子高
    //var noticebox=$('#notice_box').get(0);
    var noticebox=document.querySelector("#notice_box");//列表大盒子
    var currentslide=document.querySelector("#noslide");//当前屏幕
    currentslide.addEventListener("touchstart",function(e){
        if(e.targetTouches[0].clientY<boxheight){
            ///说明用户滑动的是列表区域要阻止swiper翻页，给当前slide添加类名
            console.log("用户触屏高度"+e.targetTouches[0].clientY+'<内容高度'+boxheight+'==屏幕禁止翻页滑动');
            $('#noslide').addClass('swiper-no-swiping');
        }else{
            console.log("用户触屏高度"+e.targetTouches[0].clientY+'>内容高度'+boxheight+'==屏幕可以翻页滑动');
            $('#noslide').removeClass('swiper-no-swiping');

        }
    });
    //noticebox.addEventListener("touchend",function(e){
    //    console.log(e.targetTouches[0].clientX +"  : "+e.targetTouches
    //            [0].clientY);
    //});


    var banner = new Swiper('.swiper-container-h',{
        direction: 'horizontal',
        pagination: '.swiper-pagination-h',
        paginationType: 'fraction',
        onSlideChangeEnd: function (swiper) {
            swiperAnimate(swiper); //每个slide切换结束时也运行当前slide动画
            // if(banner.activeIndex==1){
            //     $('#twopic').addClass('animated shake');
            // }


        },



    });
    var myScroll = new IScroll('.notice_con',{
        mouseWheel: true,
        scrollbars: true
    });
    //进度条
    function process() {
        var obj = $(".processbar");
        var percent = 0.01;
        var cur=0.69;
        var total=$("#progress").width();

        var itr = setInterval(function(){
            percent = percent + 0.01;
            if(percent >1) {
                clearInterval(itr);
                return;
            }
            obj.css("width",cur*total*percent + "px");
            //console.log(cur/total*percent)

        }, 10);
    }
    //function mychart(){
    //
    //        // 基于准备好的dom，初始化echarts图表
    //        var myChart = echarts.init(document.getElementById('main3'));
    //
    //        option = {
    //            title : {
    //                show:false,
    //                text: '未来一周气温变化',
    //                subtext: '纯属虚构'
    //            },
    //            tooltip : {
    //                trigger: 'axis',
    //                show:false
    //            },
    //            color:['#f82f7b','#04aec7'],
    //            legend: {
    //                orient:"horizontal",
    //                data:[ {name: '借入',
    //                    textStyle:{color:"#f82f7b"}
    //                },
    //                    {name:'借出',
    //                        textStyle:{color:"#04aec7"}}
    //                ],
    //                selected: {
    //                    '借入' : true,
    //                    '借出' : true
    //                },
    //                backgroundColor: 'rgba(0,0,0,0)'
    //
    //            },
    //            toolbox: {
    //                show : false,
    //                feature : {
    //                    mark : {show: true},
    //                    dataView : {show: true, readOnly: false},
    //                    magicType : {show: true, type: ['line', 'bar']},
    //                    restore : {show: true},
    //                    saveAsImage : {show: true}
    //                }
    //            },
    //            calculable : false,
    //            xAxis : [
    //                {
    //                    type : 'category',
    //                    boundaryGap : false,
    //                    data : ['0:00','04:00','08:00','12:00','14:00','16:00'],
    //                    splitLine:{
    //                        lineStyle:{
    //                            color: ['#3a405f'],
    //                            width: 0.5,
    //                            type: 'solid'
    //                        }
    //                    },
    //                    axisLabel:{
    //                        textStyle:{
    //                            color:"#697791"
    //                        }
    //                    }
    //                }
    //            ],
    //            yAxis : [
    //                {
    //                    type : 'value',
    //                    data : [0,50,100,150,200,250,300],
    //                    splitLine:{
    //                        lineStyle:{
    //                            color: ['#3a405f'],
    //                            width: 0.5,
    //                            type: 'solid'
    //                        }
    //                    },
    //                    axisLabel:{
    //                        textStyle:{
    //                            color:"#697791"
    //                        }
    //                    }
    //                }
    //            ],
    //            grid:{
    //                width:'320px',
    //                height:'180px',
    //                y:'10%',
    //                x:'10%'
    //            },
    //            series : [
    //                {
    //                    name:'借入',
    //                    type:'line',
    //                    barWidth :2,
    //                    data:[123,242,463,575,325,299,101,233,334,440,311,212,113,214,415,216,317,518,219,420],
    //                    itemStyle : {
    //                        normal : {
    //                            lineStyle:{
    //                                color:'#f82f7b'
    //                            }
    //                        }
    //                    }
    //                },
    //                {
    //                    name:'借出',
    //                    type:'line',
    //                    barWidth :2,
    //                    data:[242,334,163,375,425,299,401,233,134,140,211,312,113,514,215,316,417,518,119,220],
    //                    itemStyle : {
    //                        normal : {
    //                            lineStyle:{
    //                                color:'#04aec7'
    //                            }
    //                        }
    //                    }
    //                }
    //            ],
    //            borderColor:'#04aec7'
    //        };
    //
    //
    //        // 为echarts对象加载数据
    //        myChart.setOption(option);
    //    return myChart;
    //
    //
    //};




});




